var $ = jQuery.noConflict();
    var rootel = 'wheels';
    var jqfrm = "\u003ciframe width=\"100%\" id=\"wheelscars\" src=\"https://theocar-web.wheelsys.io/$wsid$reservations/?lang=en\" frameborder=\"0\" scrollong=\"no\" allowtransparency=\"true\" \u003e\u003c/iframe\u003e";
    var url1 = "https://theocar-web.wheelsys.io/public/css/wheels.css";
    var ifrurl = "https://theocar-web.wheelsys.io/";
    var ifr = ifrurl.split("/");
    ifrurl = ifr[0] + "//" + ifr[2];

    var oper = 'step2'
window.addEventListener("message", receiveMessage, false);

function WsParam(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

function receiveMessage(event)
{
  if (event.origin !== ifrurl) {
//    alert(event.origin);
    return;
  }
  targurl = event.data;
    if (!isNaN(parseFloat(targurl)) && isFinite(targurl)) {
        //alert(targurl);
        $("#wheelscars").parent().height(targurl);
        $("#wheelscars").height(targurl);
        window.scrollTo(0, 0);
        return;
    }
  targurl = targurl.replace("$wsid$", WsParam("WSID"));
  window.location.href = targurl;
}

function fixfirstpage() {
    $('#' + rootel).parent().parent().parent().parent().parent().parent().css('height', '10px');
    console.log($('#' + rootel).parent().parent().parent().parent().parent().parent());
}

function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}

$(document).ready(function() {

	if (document.createStyleSheet) {
    	document.createStyleSheet(url1);
    } else {
   	 	jQuery('<link rel="stylesheet" type="text/css" href="' + url1 + '" />').appendTo('head'); 
    }
    //CALL CREATION SCRIPT
    jqfrm = jqfrm.replace('$abcd$', encodeURIComponent(window.location.href)).replace("$wsid$", "(S(" + WsParam("WSID") + "))/");

     $("#" + rootel).html(jqfrm);
    
    $("#" + rootel).css("position", "relative");
    $("#" + rootel).css("z-index", "100");
    $("#" + rootel).css("background-color", "transparent");


    if (oper == "step2") {
        if (window.outerWidth > 768) {
            //$("#" + rootel).css("padding-bottom", "90%");
            $("#" + rootel).css("height", "550px");
         }
        else {
            $("#" + rootel).css("height", "650px");
        }
    } else {
        if (window.outerWidth > 1024) {
         $("#" + rootel).css("height", "450px");
        } else {
            if (window.outerWidth > 768) {
               $("#" + rootel).css("height", "528px");
            } else {
	       $("#" + rootel).css("height", "530px");
	    }
        }
        $("#" + rootel).css("overflow-y", "visible");
        
    }
     
});